extends /templates/base-flat

block content
  - var showDone = !view.trialRequest.isNew() && me.isAnonymous();

  #learn-more-modal.modal.fade
    .modal-dialog.modal-sm
      .modal-content.style-flat
        .modal-header
          .button.close(type="button", data-dismiss="modal", aria-hidden="true") &times;
        .modal-body(data-i18n="teachers_quote.learn_more_modal")

  .container
    form#request-form(class=showDone ? 'hide' : '')
      .row
        .col-md-offset-2.col-md-8
          h3.text-center(data-i18n="teachers_quote.title")
          h4.text-center(data-i18n="[html]teachers_quote.subtitle")

      if !me.isAnonymous()
        .row
          .col-md-offset-2.col-md-8
            .alert.alert-info.text-center
              div
                span.spr(data-i18n="teachers_quote.not")
                strong= me.broadName()
                | ?
                a.spl#logout-link(data-i18n="login.log_out")
              if me.get('role') === 'student'
                div#conversion-warning
                  span.spr(data-i18n="[html]teachers_quote.conversion_warning")
                  a(data-i18n="new_home.learn_more" data-toggle="modal" data-target="#learn-more-modal")

      #form-teacher-info
        if !me.isAnonymous()
          .row
            .col-md-offset-2.col-md-4.col-sm-6
              .form-group
                span.control-label
                  span(data-i18n="general.username")
                  span.spl.text-muted(data-i18n="signup.optional")
                - var name = me.get('name') || '';
                input.form-control(name="name" value=name, disabled=!!name)

            .col-md-4.col-sm-6
              .form-group
                span.control-label(data-i18n="share_progress_modal.form_label")
                - var email = me.get('email') || '';
                input.form-control(name="email" value=email, disabled=!!email)

        .row
          .col-md-offset-2.col-md-4.col-sm-6
            .form-group
              span.control-label(data-i18n="general.first_name")
              - var firstName = me.get('firstName') || '';
              input.form-control(name="firstName" value=firstName, disabled=!!firstName)

          .col-md-4.col-sm-6
            .form-group
              span.control-label(data-i18n="general.last_name")
              - var lastName = me.get('lastName') || '';
              input.form-control(name="lastName" value=lastName, disabled=!!lastName)

        if !me.isAnonymous()
          .row
            .col-md-offset-2.col-md-4.col-sm-6
              .form-group
                span.control-label(data-i18n="teachers_quote.phone_number")
                input.form-control(name="phoneNumber", data-i18n="[placeholder]teachers_quote.phone_number_help")

        if me.isAnonymous()
          .row
            .col-md-offset-2.col-md-4.col-sm-6
              #email-form-group.form-group
                span.control-label(data-i18n="general.email")
                - var email = me.get('email') || '';
                input.form-control(name="email" type="email", value=email, disabled=!!email)

            .col-md-4.col-sm-6
              .form-group
                span.control-label
                  span(data-i18n="teachers_quote.phone_number")
                .help-block.small
                  em.text-info(data-i18n="teachers_quote.phone_number_help")
                input.form-control(name="phoneNumber")


        .row
          .col-md-offset-2.col-md-4.col-sm-6
            .form-group
              span.control-label(data-i18n="teachers_quote.primary_role_label")
              select.form-control(name="role")
                option(data-i18n="teachers_quote.primary_role_default", , value='')
                option(data-i18n="courses.teacher", value="Teacher")
                option(data-i18n="teachers_quote.tech_coordinator", value="Technology coordinator")
                option(data-i18n="teachers_quote.advisor", value="Advisor")
                option(data-i18n="teachers_quote.principal", value="Principal")
                option(data-i18n="teachers_quote.superintendent", value="Superintendent")
                option(data-i18n="teachers_quote.parent", value="Parent")

          .col-md-4.col-sm-6
            .form-group
              span.control-label(data-i18n="teachers_quote.purchaser_role_label")
              select.form-control(name="purchaserRole")
                option(data-i18n="teachers_quote.purchaser_role_default", , value='')
                option(data-i18n="teachers_quote.influence_advocate", value="Influence/Advocate")
                option(data-i18n="teachers_quote.evaluate_recommend", value="Evaluate/Recommend")
                option(data-i18n="teachers_quote.approve_funds", value="Approve Funds")
                option(data-i18n="teachers_quote.no_purchaser_role", value="No role in purchase decisions")

      #form-school-info
        .row.m-y-2
          .col-md-offset-2.col-md-4.col-sm-6
            .form-group
              span.control-label
                span(data-i18n="teachers_quote.organization_label")
                span.spl.text-muted(data-i18n="signup.optional")
              input.form-control#organization-control(name="organization")

          .col-md-4.col-sm-6
            .form-group
              //- TODO: algolia and form errors both change form-control
              //- TODO: District not red on validation error
              span.control-label.form-control.nullify-form-control(data-i18n="teachers_quote.district_label")
              input.form-control#district-control(name="district", data-i18n="[placeholder]teachers_quote.district_na")

        .row.m-y-2
          .col-md-offset-2.col-md-4.col-sm-6
            .form-group
              span.control-label(data-i18n="teachers_quote.city")
              input.form-control(name="city")

          .col-md-4.col-sm-6
            .form-group
              span.control-label(data-i18n="teachers_quote.state")
              input.form-control(name="state")

        .row.m-y-2
          .col-md-offset-2.col-md-4.col-sm-6
            .form-group
              span.control-labelspan.control-label(data-i18n="teachers_quote.country")
              input.form-control(name="country")

      #form-students-info
        .row
          .col-md-offset-2.col-md-4
            .form-group
              span.control-label(data-i18n="courses.number_programming_students")
              .help-block.small
                em.text-info(data-i18n="teachers_quote.num_students_help")
              select.form-control(name="numStudents")
                option(data-i18n="teachers_quote.num_students_default", value='')
                option 1-10
                option 11-50
                option 51-100
                option 101-200
                option 201-500
                option 501-1000
                option 1000+

          .col-md-4.col-sm-6
            .form-group
              span.control-label(data-i18n="courses.number_total_students")
              select.form-control(name="numStudentsTotal")
                option(data-i18n="teachers_quote.num_students_default", value='')
                option 1-500
                option 500-1,000
                option 1,000-5,000
                option 5,000-10,000
                option 10,000+

        .form-group
          .row.m-y-2
            .col-md-offset-2.col-md-4
              span.control-label(data-i18n="teachers_quote.education_level_label")
              .help-block.small
                em.text-info(data-i18n="teachers_quote.education_level_help")
              .checkbox
                label
                  input(type="checkbox" name="educationLevel" value="Elementary")
                  span(data-i18n="teachers_quote.elementary_school")
              .checkbox
                label
                  input(type="checkbox" name="educationLevel" value="Middle")
                  span(data-i18n="teachers_quote.middle_school")
              .checkbox
                label
                  input(type="checkbox" name="educationLevel" value="High")
                  span(data-i18n="teachers_quote.high_school")
              .checkbox
                label
                  input(type="checkbox" name="educationLevel" value="College+")
                  span(data-i18n="teachers_quote.college_plus")
              .checkbox
                label
                  input#other-education-level-checkbox(type="checkbox")
                  span(data-i18n="nav.other").spr
                  span(data-i18n="teachers_quote.please_explain")
              input#other-education-level-input.form-control

      #anything-else-row.row
        .col-md-offset-2.col-md-8
          span.control-label
            span(data-i18n="teachers_quote.anything_else")
            span.spl.text-muted(data-i18n="signup.optional")

          textarea.form-control(rows=8, name="notes")
          input(type="hidden" name="nces_id")
          input(type="hidden" name="nces_name")
          input(type="hidden" name="nces_district")
          input(type="hidden" name="nces_district_id")
          input(type="hidden" name="nces_district_schools")
          input(type="hidden" name="nces_district_students")
          input(type="hidden" name="nces_students")
          input(type="hidden" name="nces_phone")

      #buttons-row.row.m-y-2.text-center
        input#submit-request-btn.btn.btn-lg.btn-primary(type="submit" data-i18n="[value]teachers_quote.title")

    #form-submit-success.text-center(class=showDone ? '' : 'hide')
      h3(data-i18n="teachers_quote.thanks_header")
      h4(data-i18n="teachers_quote.thanks_sub_header")
      p
        span.spr(data-i18n="teachers_quote.thanks_p")
        a.spl(href="mailto:team@codecombat.com") team@codecombat.com

      unless me.isAnonymous()
        a.btn.btn-lg.btn-navy(href="/teachers/classes")
          span(data-i18n='teachers_quote.back_to_classes')

      if me.isAnonymous()
        h5(data-i18n="teachers_quote.finish_signup")
        p(data-i18n="teachers_quote.finish_signup_p")

        #social-network-signups
          button#facebook-signup-btn.btn.btn-facebook.btn-lg.m-x-1
            span.spr(data-i18n="teachers_quote.signup_with")
            | Facebook
            img.m-l-1(src='/images/pages/community/logo_facebook.png')
          button#gplus-signup-btn.btn.btn-gplus.btn-lg.spr
            span.spr(data-i18n="teachers_quote.signup_with")
            | G+
            img.m-l-1(src='/images/pages/community/logo_g+.png')

        .text-h1.text-uppercase(data-i18n="general.or")

        form#signup-form.text-left
          .row
            .col-md-offset-2.col-md-4
              .form-group
                span.control-label(data-i18n="general.username")
                input.form-control(name="name")

          .row
            .col-md-offset-2.col-md-4
              .form-group
                span.control-label(data-i18n="general.password")
                input.form-control(name="password1", type="password")
            .col-md-4
              .form-group
                span.control-label(data-i18n="general.confirm_password")
                input.form-control(name="password2", type="password")

          .text-center
            button.btn.btn-lg.btn-navy(data-i18n="login.sign_up")
